<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>一席地</title>
		<meta name="Keywords" content="一席地，鸡">
		<meta name="Description" content="一席地什么什么介绍">
		<meta content="target-densitydpi=device-dpi, width=640" name="viewport">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/common.css">
		<script type="text/javascript" src="js/jquery.js"></script>
		<style type="text/css">
			#golist {display: none;}
			#allmap{ height:250px;}
			 @media (max-device-width:640px){#golist{display: block !important;}}
		</style>
		<script type="text/javascript" src="js/time_yxd.js"></script>
		<script>
			$(function(){
				$("#start_today").time_yxd();
				$("#start_time").time_yxd();
			});
		</script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=XPRpSXgTctcyEqgZaTXwIluu&v=1.0"></script>
		<script>
				/*不同分辨率手机加载*/
				var userScalable = "no";
				var ins = "";
				(function() {
					if (window.devicePixelRatio === 1.5) {
						userScalable = "yes";
						ins = "initial-scale=0.5"
					}
					var text = "<meta content='" + ins + ", target-densitydpi=device-dpi, width=640,user-scalable=" + userScalable + "' name='viewport'>";
					document.write(text);
				})();
				

				
	</script>

	</head>
	<body class="bgT-ee">
	<article class="w640">
		<header>
			
			<div class="order_box h90">
				
				<h1 class="logo_h1"></h1>
				<div class="center">我的收餐地址</div>
				<a class="logo_edit" href=""></a>
			</div>
			
		</header>
		
		<section>
			<!--正文内容-->
			<div class="order_list marT15">
				
				<p class="order_edit borB1">
					<span class="w185 fl text_R col003">联系人：</span>
					<input type="" name="" placeholder="请填写收货人地址哦！" id="" value="" />
				</p>
				
				<p class="order_edit borB1">
					<span class="w185 fl text_R col003">手机号码：</span>
					<input type="" name="" placeholder="电话一定要留正确哦！" id="" value="" />
				</p>
				
				<div class="order_edit clearfix borB1">
					<span class="w185 fl text_R col003">收货区域：</span>
					<div id="city">
						
						<div class="time_div">
							<input value="" class="" readonly="readonly" placeholder="选择区域" name="appTime" id="start_time" type="text">
							<div class="time_box_wrap">
								<ul>
									<li>上城区</li>
									<li>下城区</li>
									<li>江干区</li>
									<li>拱墅区</li>
									<li>西湖区</li>
									<li>滨江区</li>
								</ul>
								<p class="arrow_top"></p>
							</div>
						</div>
						
						
					</div>
				</div>
				<div class="order_edit h80">
					<span class="w185 fl text_R col003">详细地址：</span>
					<input type="" name="" placeholder="地址尽量详细些方便找到你！" id="add_map_yxd" value="" />
				</div>
			</div>
			
			<!--<div class="order_list marT15 pore marB10">
				<div id="map_listbg" class=""><span>展开地图</span><span class="rulebtn"></span></div>
				
				
			</div>-->
			
		</section>
		
	</article>





<div id="address_map" style="display: none;">
	<div class="address-map-nav">

		<input type="text" class="center-input" placeholder="直接输入定位您的地址">
		<div class="stop_map_positi"></div>

	</div>

	<div id="allmap"></div>
	<div class="mapaddress" data-node="mapaddress">
		<ul>
			<li class="addresslist">
				<div class="mapaddress-title"> <span class="icon-location"></span> <span class="recommend">[推荐位置]天安门附近27米 </span> </div>
				<div class="mapaddress-body"> 北京市东城区中华路甲10号 </div>
			</li>
			<li class="addresslist">
				<div class="mapaddress-title"> <span class="icon-location"></span> <span class="recommend">天安门 </span></div>
				<div class="mapaddress-body"> 北京市东城区东长安街 </div>
			</li>
			<li class="addresslist">
				<div class="mapaddress-title"> <span class="icon-location"></span> <span class="recommend">天安门城楼 </span></div>
				<div class="mapaddress-body"> 北京市东城区东长安街天安门广场 </div>
			</li>
		</ul>
	</div>
</div>

	<script>
	
	$(function() {


//$("#map_listbg").click(function(){
//		var mapbox = $("#allmap");
//		var mapboxH = mapbox.height();
//		var me=$(this);
//	if( parseInt(mapboxH) <= 80){
//		me.addClass("ruleBoxShow");
//		me.find("span").first().text("缩小地图");
//		mapbox.animate({"height":"400"},300);
//	}else{
//		me.removeClass("ruleBoxShow");
//		me.find("span").first().text("展开地图");
//		mapbox.animate({"height":"80"},300);
//	}
//});



$("#add_map_yxd").on("click",function(){
	var w_h=$(window).height();
	var w_w=$(window).width();
	$("#address_map").css({"width":w_w,"height":w_h}).fadeIn();
})

$(".stop_map_positi").on("click",function(){
	$("#address_map").hide();
});



});
</script>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.331398,39.897445);
	map.centerAndZoom(point,12);
	map.addControl(new BMap.ZoomControl());    
	var localSearch = new BMap.LocalSearch(map);
	 map.clearOverlays();//清空原来的标注
    var keyword = "杭州市西湖区西溪花园白荻苑";
    localSearch.setSearchCompleteCallback(function (searchResult) {
        var poi = searchResult.getPoi(0);
        //alert(poi.point.lng + "," + poi.point.lat);
        map.centerAndZoom(poi.point, 15);
        var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat));  // 创建标注，为要查询的地址对应的经纬度
        map.addOverlay(marker);
    });
    localSearch.search(keyword);

    map.centerAndZoom(new BMap.Point(116.331398,39.897445), 11);
	function showInfo(e){
		alert(e.point.lng + ", " + e.point.lat);
	}
	map.addEventListener("click", showInfo);
	 
</script>
	</body>
</html>
